<style lang="less" scoped src="./organize.less"></style>
<script src="./organize.js"></script>

<template>
    <div class="main-div">
        <div style="width: 15%" class="tree-div">
            <Tree :data="orgTree" @on-select-change="treeSelect"></Tree>
        </div>
        <div style="width: 85%;">
            <div class="main-table" style="font-size: 15px;">
                <Row align="middle">
                    <Col span="2">
                    机构/部门名称：
                    </Col>
                    <Col span="10">
                    <Input v-model="query.orgName" clearable style="width: 98%"></Input>
                    </Col>
                    <Col span="2">
                    创建时间：
                    </Col>
                    <Col span="10">
                    <DatePicker type="date" :options="options" v-model="query.startDate" clearable style="width: 45%"></DatePicker> -
                    <DatePicker type="date" :options="options" v-model="query.endDate" clearable style="width: 45%"></DatePicker>
                    </Col>
                </Row>
              <!--  <Row align="middle">
                    <Col span="2">
                    所属区域：
                    </Col>
                    <Col span="10">
                    <select-city ref="quertCity" :cityinfo="quertCity" ></select-city>
                    </Col>
                </Row>-->
                <Row class="main-table" style="font-size: 15px;">
                    <Col span="21">
                    <span @click="loadList"><Button type="primary" icon="android-search">查询</Button></span>
                    <span @click="refresh"><Button type="primary" icon="refresh">清空</Button></span>
                    </Col>
                    <Col span="3">
                    <span @click="showAdd"><Button type="primary" icon="android-add">新增机构</Button></span>
                    </Col>
                </Row>
            </div>
            <div class="main-table">
                <org-Table ref="orgtable" :cityinfo="cityinfo" :query="query" parentid="" :orgselect="orgselect" level="0"></org-Table>
            </div>
        </div>
    </div>
</template>
